import React from 'react';
import './MarketingPage.css';

const MarketingPage = () => {

  return (
    <div className="marketing-container">
      <h2>市场部管理</h2>
      
      {/* 标签页导航 */}
      <div className="marketing-tabs">
        <button 
          className="tab-btn active"
        >
          市场部列表
        </button>
      </div>

      {/* 标签页内容 */}
      <div className="marketing-content">
        <div className="departments-section">
          <div className="section-header">
            <h3>市场部列表</h3>
            <button className="add-btn">添加市场部</button>
          </div>
          <div className="departments-table-container">
            <table className="marketing-table">
              <thead>
                <tr>
                  <th>市场部名称</th>
                  <th>负责人</th>
                  <th>操作</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>中原市场部</td>
                  <td>王经理</td>
                  <td>
                    <button className="edit-btn-small">编辑</button>
                    <button className="delete-btn-small">删除</button>
                  </td>
                </tr>
                <tr>
                  <td>辽冀市场部</td>
                  <td>赵总监</td>
                  <td>
                    <button className="edit-btn-small">编辑</button>
                    <button className="delete-btn-small">删除</button>
                  </td>
                </tr>
                <tr>
                  <td>石家庄市场部</td>
                  <td>刘经理</td>
                  <td>
                    <button className="edit-btn-small">编辑</button>
                    <button className="delete-btn-small">删除</button>
                  </td>
                </tr>
                <tr>
                  <td>黑冀市场部</td>
                  <td>陈总监</td>
                  <td>
                    <button className="edit-btn-small">编辑</button>
                    <button className="delete-btn-small">删除</button>
                  </td>
                </tr>
                <tr>
                  <td>保沧市场部</td>
                  <td>杨经理</td>
                  <td>
                    <button className="edit-btn-small">编辑</button>
                    <button className="delete-btn-small">删除</button>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  );
};

export default MarketingPage;